import { TableConfig } from "../common/components/CommonTable/configs/common-table.js";
// import i18n from "@/lang/index.js";
import i18n from '@/i18n'
import { Grid } from "vxe-table";
// import VXETablePluginVirtualTree from "vxe-table-plugin-virtual-tree";
// import "vxe-table-plugin-virtual-tree/dist/style.css";

/**
 * 默认配置
 */
/*new TableConfig()
  .setupOpintion({
    i18n: key => i18n.t(key) // 对组件内置的提示语进行国际化翻译
  })
  .initDefaultOptions()
  .initExtendsRender();*/

/**
 * 国际化需求
 */
/*new TableConfig()
  .setupOpintion({
    translate: key => i18n.t(key), //可选，对参数中的列头、校验提示..等进行自动翻译
    i18n: key => i18n.t(key) // 对组件内置的提示语进行国际化翻译
  })
  .initDefaultOptions()
  .initExtendsRender(); */

/**
 * 有虚拟树表格需求
 */
new TableConfig([Grid])
  // .usePlugin(VXETablePluginVirtualTree)
  .setupOpintion({
    i18n: key => i18n.t(key)
  })
  .initDefaultOptions()
  .initExtendsRender();

/**
 * TableBtnsGroup 渲染器使用极少，默认不再添加，如项目中已使用，可如下自行添加
 */
/*new TableConfig()
  .setupOpintion({
    i18n: key => i18n.t(key)
  })
  .initDefaultOptions()
  .initExtendsRender()
  .addExtendsRender({
    name: "TableBtnsGroup",
    option: {
      renderDefault(h, cellRender, params) {
        let { row, column } = params;
        let { options } = cellRender;
        return [
          h(
            "div",
            {
              class: "table-btns-group"
            },
            Array.apply(null, options).map(function(item) {
              return [
                <el-button
                  type={item.type}
                  onClick={() => item.callback(row, column)}
                >
                  <i class={item.icon ? item.icon : ""} /> {i18n.t(item.text)}
                </el-button>
              ];
            })
          )
        ];
      }
    }
  }); */
